<!-- 我的主页-收藏 -->
<template>
  <div class="collection-wrap">
    <a-tabs lazy-load :default-active-key="1">
      <a-tab-pane :key="1" title="我创建的收藏夹">
        <a-list :bordered="false">
          <a-list-item v-for="idx in 11" :key="idx">
            <a-list-item-meta title="技术">
              <template #description>
                <a-space size="large">
                  <span>2023-07-06更新·27条内容·32人关注</span>
                  <span>
                    <IconFont type="icon-pinglun"></IconFont>
                    新增评论
                  </span>
                </a-space>
              </template>
            </a-list-item-meta>
          </a-list-item>
        </a-list>
      </a-tab-pane>
      <a-tab-pane :key="2" title="我关注的收藏夹">
        <a-list :bordered="false">
          <a-list-item v-for="idx in 4" :key="idx">
            <a-list-item-meta title="Beijing Bytedance Technology Co., Ltd.">
              <template #description>
                <a-space size="large">
                  <span>2023-07-06更新·27条内容·32人关注</span>
                  <span>
                    <IconFont type="icon-pinglun"></IconFont>
                    新增评论
                  </span>
                </a-space>
              </template>
            </a-list-item-meta>
          </a-list-item>
        </a-list>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script setup lang="ts">
const router = useRouter();
</script>
<style lang="less" scoped>
.wrap {
}
</style>
